<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>萤火商城-商业版</title>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="assets/common/i/favicon.ico"/>
    <meta name="apple-mobile-web-app-title" content="萤火商城-商业版"/>
    <link rel="stylesheet" href="Css/amazeui.min.css"/>
    <link rel="stylesheet" href="Css/app.css"/>
    <link rel="stylesheet" href="Css/font_783249_3hfdb7m5w0j.css">
    <script src="Scripts/jquery.min.js"></script>
    <script src="Scripts/font_783249_e5yrsf08rap.js"></script>
    <script src="Scripts/func.js"></script>
    <script>
        BASE_URL = 'https://demo.yiovo.com/';
        STORE_URL = 'index.php?s=/store';
    </script>
</head>

<body data-type="">
<!-- 内容区域 start -->
    <div class="page-home row-content am-cf">

        <!-- 商城统计 -->
        <div class="row">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 am-margin-bottom">
                <div class="widget am-cf">
                    <div class="widget-head">
                        <div class="widget-title">商城统计</div>
                    </div>
                    <div class="widget-body am-cf">
                        <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                            <div class="widget-card card__blue am-cf">
                                <div class="card-header">商品总量</div>
                                <div class="card-body">
                                    <div class="card-value">63</div>
                                    <div class="card-description">当前商品总数量</div>
                                    <span class="card-icon iconfont icon-goods"></span>
                                </div>
                            </div>
                        </div>

                        <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                            <div class="widget-card card__red am-cf">
                                <div class="card-header">用户总量</div>
                                <div class="card-body">
                                    <div class="card-value">1,634</div>
                                    <div class="card-description">当前用户总数量</div>
                                    <span class="card-icon iconfont icon-user"></span>
                                </div>
                            </div>
                        </div>

                        <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                            <div class="widget-card card__violet am-cf">
                                <div class="card-header">订单总量</div>
                                <div class="card-body">
                                    <div class="card-value">148</div>
                                    <div class="card-description">已付款订单总数量</div>
                                    <span class="card-icon iconfont icon-order"></span>
                                </div>
                            </div>
                        </div>

                        <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                            <div class="widget-card card__primary am-cf">
                                <div class="card-header">评价总量</div>
                                <div class="card-body">
                                    <div class="card-value">0</div>
                                    <div class="card-description">订单评价总数量</div>
                                    <span class="card-icon iconfont icon-haoping2"></span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <!-- 实时概况 -->
        <div class="row">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 am-margin-bottom">
                <div class="widget am-cf">
                    <div class="widget-head">
                        <div class="widget-title">实时概况</div>
                    </div>
                    <div class="widget-body am-cf">
                        <div class="am-u-sm-6 am-u-md-6 am-u-lg-3">
                            <div class="widget-outline dis-flex flex-y-center">
                                <div class="outline-left">
                                    <img src=""
                                         alt="">
                                </div>
                                <div class="outline-right dis-flex flex-dir-column flex-x-between">
                                    <div style="color: rgb(102, 102, 102); font-size: 1.3rem;">销售额(元)</div>
                                    <div style="color: rgb(51, 51, 51); font-size: 2.4rem;">1351.00</div>
                                    <div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
                                        昨日：974.00
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="am-u-sm-6 am-u-md-6 am-u-lg-3">
                            <div class="widget-outline dis-flex flex-dir-column flex-x-between">
                                <div style="color: rgb(102, 102, 102); font-size: 1.2rem;">支付订单数</div>
                                <div style="color: rgb(51, 51, 51); font-size: 2.4rem;">106</div>
                                <div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
                                    昨日：76
                                </div>
                            </div>
                        </div>
                        <div class="am-u-sm-6 am-u-md-6 am-u-lg-3">
                            <div class="widget-outline dis-flex flex-y-center">
                                <div class="outline-left">
                                    <img src=""
                                         alt="">
                                </div>
                                <div class="outline-right dis-flex flex-dir-column flex-x-between">
                                    <div style="color: rgb(102, 102, 102); font-size: 1.3rem;">新增用户数</div>
                                    <div style="color: rgb(51, 51, 51); font-size: 2.4rem;">327</div>
                                    <div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
                                        昨日：238
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="am-u-sm-6 am-u-md-6 am-u-lg-3">
                            <div class="widget-outline dis-flex flex-dir-column flex-x-between">
                                <div style="color: rgb(102, 102, 102); font-size: 1.2rem;">下单用户数</div>
                                <div style="color: rgb(51, 51, 51); font-size: 2.4rem;">69</div>
                                <div style="color: rgb(153, 153, 153); font-size: 1.2rem;">
                                    昨日：34
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 近七日交易走势 -->
        <div class="row">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 am-margin-bottom">
                <div class="widget am-cf">
                    <div class="widget-head">
                        <div class="widget-title">近七日交易走势</div>
                    </div>
                    <div class="widget-body am-cf">
                        <div id="echarts-trade" class="widget-echarts"></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                <div class="help-block am-text-center">
                    <small>本页面数据为随机模拟，并非真实数据，仅作示意。</small>
                </div>
                <div class="help-block am-text-center">
                    <small>萤火科技版权所有，官方QQ：1361545828</small>
                </div>
            </div>

        </div>

    </div>
    <script src="Scripts/echarts.min.js"></script>
    <script src="Scripts/echarts-walden.js"></script>
    <script type="text/javascript">

         /**
         * 近七日交易走势
         * @type {HTMLElement}
         */
        var dom = document.getElementById('echarts-trade');
        echarts.init(dom, 'walden').setOption({
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data: ['成交量', '成交额']
            },
            toolbox: {
                show: true,
                showTitle: false,
                feature: {
                    mark: {show: true},
                    magicType: {show: true, type: ['line', 'bar']}
                }
            },
            calculable: true,
            xAxis: {
                type: 'category',
                boundaryGap: false,
                data: ["2019-01-14", "2019-01-15", "2019-01-16", "2019-01-17", "2019-01-18", "2019-01-19", "2019-01-20"]
            },
            yAxis: {
                type: 'value'
            },
            series: [
                {
                    name: '成交额',
                    type: 'line',
                    data: ["798", "778.00", "969", "1057.00", "929.00", "974.00", "1351.00"]
                },
                {
                    name: '成交量',
                    type: 'line',
                    data: [54, 26, 22, 37, 59, 76, 106]
                }
            ]
        }, true);
        $("#content").load("knowledge.html");
    </script>
<!-- 内容区域 end -->

<script src="Scripts/layer.js"></script>
<script src="Scripts/jquery.form.min.js"></script>
<script src="Scripts/amazeui.min.js"></script>
<script src="Scripts/webuploader.html5only.js"></script>
<script src="Scripts/art-template.js"></script>
<script src="Scripts/app.js"></script>
<script src="Scripts/file.library.js"></script>
</body>

</html>
